﻿body {
    margin:0px auto;
    background-color:rgb(231,232,235);
    font-family:微软雅黑;
}
input{outline:none;}
img{border:none;}
textarea{
    outline:none;width:660px;height:130px;max-width:660px;max-height:130px;
    min-width:660px;min-height:130px;border:1px solid rgb(230,231,236);
    padding-left:10px;
    font-family:微软雅黑;
}
select{outline:none;}
input[type="radio"]{cursor:pointer}
input[type="date"] {
    width:130px;
    height:30px;
    border:1px solid rgb(230,231,236);
    font-family:微软雅黑;
}
input[type="text"] {
    font-family:微软雅黑;
}
select {
    width:134px;
    height:30px;
    border:1px solid rgb(230,231,236);
    font-family:微软雅黑;
}
a:link {
    color:rgb(69,154,233);
    text-decoration:none;
}
a:visited {
    color:rgb(69,154,233);
    text-decoration:none;
}
a:hover {
    color:rgb(69,154,233);
    text-decoration:underline;
}
.main-body {
    width:1200px;
    border:1px solid rgb(217,218,220);
    margin:35px auto;
}
.main-body-title {
    height:52px;
    font-size:16px;
    line-height:52px;
    color: rgb(34, 34, 34);
    background-color:rgb(244,245,249);
    padding-left:30px;
}
.step {
    height:44px;
    border:1px solid rgb(230,231,234);
    background-color:white;
    font-size:14px;
}
.step1 {
    width:50%;
    height:44px;
    background-color:rgb(68,181,73);
    color:white;
    text-align:center;
    line-height:44px;
}
.step2 {
    width:50%;
    height:44px;
    margin-left:50%;
    margin-top:-44px;
    color:rgb(34,34,34);
    text-align:center;
    line-height:44px;
}
.arrow-right {
    width:0; 
    height:0; 
    border-top:22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 22px solid rgb(68,181,73);
    float:left;
}
.main-body-content {
    background-color:white;
}
.example {
    width:318px;
    height:592px;
    background-color:rgb(246,246,248);
    margin-left:30px;
    position:relative;
    top:0px;
    background-image:url(../images/phonebg1.png);
    background-repeat:no-repeat;
}
.exp-tab {
    width:298px;
    background-color:white;
    border-radius:5px;
    margin:0px auto;
}
.exp-tab td{
    text-align:center;
    vertical-align:middle;
}
.exp-tab img {
    width:40px;
    height:40px;
    border-radius:50%;   
    border:1px solid rgb(231,231,235);
    margin-top:-20px;
}
#z-bt {
    color:rgb(34,34,34);
    font-size:28px;
}
#f-bt {
    color:rgb(34,34,34);
    font-size:14px;
}
#expuse {
    width:115px;
    height:33px;
    color:rgb(34,34,34);
    background-color:rgb(246,246,248);
    border:none;
    font-family:微软雅黑;
    border-radius:3px;
}
#xiangqing {
    font-size:13px;
    color:rgb(141,141,141);   
}
hr {
    border:none;
    border-top:1px dashed rgb(230,233,235);
}
.exp-list {
    width:100%;
    color:rgb(199,199,199);
}
.exp-list td{
    text-align:right;
}
.exp-list tr td:first-child{
    width:85%;
    text-align:left;
    color:rgb(34,34,34);
    font-size:14px;
}
.exp-list hr{
    border:none;
    height:1px;  
    background-color:rgb(230,233,235);
}
#ex-bottom {
    width:298px;
    height:44px;
    background-color:white;
    border-radius:5px;
    margin:20px auto;
    margin-left:10px;
}
#ex-bottom td{
    text-align:right;
    color:rgb(199,199,199);
}
#ex-bottom tr td:first-child{
    width:85%;
    text-align:left;
    color:rgb(34,34,34);
    font-size:14px;
}
.main-form {
    width:800px;
    background-color:rgb(244,245,249);
    border:1px solid rgb(231,231,235);
    margin-top:-592px;
    margin-left:368px;
    font-size:14px;
    color:rgb(34,34,34);
}
.mf-title {
    width:750px;
    margin:0px auto;
    margin-top:30px;
}
.mf-title hr {
    border:none;
    height:1px;  
    background-color:rgb(230,233,235);
}
.mf-content {
    width:750px;
    margin:0px auto;
    margin-top:30px;
}
.logo {
    width:80px;
    height:80px;
}
.text-tip {
    font-size:14px;
    color:rgb(141,141,141);
}
.text-warning {
    font-size:14px;
    color:rgb(225,95,99);
}
.mf-content tr td:first-child{
    width:120px;
}
.mf-content td{
    height:50px;
}
.div-input {
    width:114px;
    height:30px;
    border:1px solid rgb(230,231,236);
    background-color:white;
    background-image:url(../images/arrow.png);
    cursor:pointer;
}
#color-show {
    width:22px;
    height:22px;
    margin-top:4px;
    margin-left:4px;
}
.color-pad {
    width:137px;
    height:60px;
    border:1px solid rgb(230,231,236);
    background-color:white;
    position:absolute;
    display:none;
}
.color-pad ul {
    list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 55px;
    float:right;
}
.color-pad ul li{
    width:22px;
    height:22px;
	float:left;
    cursor:pointer;
    margin-top:5px;
    margin-left:4px;
}
#li1 {
    background-color:rgb(99,179,89);
}
#li2 {
    background-color:rgb(44,159,103);
}
#li3 {
    background-color:rgb(80,159,201);
}
#li4 {
    background-color:rgb(88,133,207);
}
#li5 {
    background-color:rgb(144,98,192);
}
#li6 {
    background-color:rgb(208,154,69);
}
#li7 {
    background-color:rgb(228,177,56);
}
#li8 {
    background-color:rgb(238,144,60);
}
#li9 {
    background-color:rgb(221,101,73);
}
#li10 {
    background-color:rgb(204,70,61);
}
#week-div {
    display:none;
}
#jieshao {
    display:none;
}
.q-title {
    width:252px;
    height:32px;
    border:1px solid rgb(230,231,236);
    padding-left:10px;
}
.btns {
    width:107px;
    height:32px;
    cursor:pointer;
    border:1px solid rgb(231,231,235);
    background-color:white;
    border-radius:3px;
    color:rgb(34,34,34);
    font-family:微软雅黑;
}
.tus {
    width:180px;
    height:100px;
}
.wens {
    width:180px;
    height:94px;
    max-width:180px;
    max-height:94px;
    min-width:180px;
    min-height:94px;
}
.next-btn {
    width:110px;
    height:32px;
    cursor:pointer;
    border:none;
    background-color:rgb(68,181,73);
    font-family:微软雅黑;
    color:white;
    border-radius:3px;
    margin:20px auto;
    margin-left:545px;
}
.remove {
    width:107px;
    height:32px;
    cursor:pointer;
    border:1px solid rgb(231,231,235);
    background-color:white;
    border-radius:3px;
    color:rgb(34,34,34);
    font-family:微软雅黑;
    margin-left:29px;
}
#wy {
    display:none;
}
#rukou {
    display:none;
}
.cover
{
	display:none;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:black;
	z-index:1001;
	-moz-opactity:0.8;
	opacity:.80;
	filter:alpha(opacity=80);
}
.comain{ 
    display:none;
	position:fixed;
    z-index:1002;
}